.titlebar-drag-region {
    display: block;
    position: absolute;
    left: 0;
    top: 0;
    width: 100%;
    height: 30px;
    z-index: -1;
    -webkit-app-region: drag;
}

.titlebar-drag-region.sketch {
    width: calc(100% - 355px);
    left: 135px;
}

.window-controls-container {
    display: flex;
    flex-grow: 0;
    flex-shrink: 0;
    text-align: center;
    position: fixed;
    right: 0;
    top: 0;
    z-index: 1;
    -webkit-app-region: no-drag;
    height: 30px;
    margin-left: 5px;
    transition: .2s all;
}

.window-controls-container.sketch {
    opacity: 0;
}

.window-controls-container.sketch:hover {
    opacity: 1;
}

.window-controls-container .window-icon-bg {
    display: inline-block;
    -webkit-app-region: no-drag;
    height: 100%;
    width: 46px;
}

.window-controls-container .window-icon-bg .window-icon {
    height: 100%;
    width: 100%;
    -webkit-mask-size: 23.1% !important;
    mask-size: 23.1% !important;
}

.window-controls-container.dark .window-icon-bg .window-icon {
    background-color: #fefefe;
}

.window-controls-container .window-icon-bg .window-icon.window-close {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.279 5.5L11 10.221l-.779.779L5.5 6.279.779 11 0 10.221 4.721 5.5 0 .779.779 0 5.5 4.721 10.221 0 11 .779 6.279 5.5z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M6.279 5.5L11 10.221l-.779.779L5.5 6.279.779 11 0 10.221 4.721 5.5 0 .779.779 0 5.5 4.721 10.221 0 11 .779 6.279 5.5z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%;
}

.window-controls-container .window-icon-bg .window-icon.window-close:hover {
    background-color: #ffffff !important;
}

.window-controls-container .window-icon-bg .window-icon.window-unmaximize {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 8.798H8.798V11H0V2.202h2.202V0H11v8.798zm-3.298-5.5h-6.6v6.6h6.6v-6.6zM9.9 1.1H3.298v1.101h5.5v5.5h1.1v-6.6z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 8.798H8.798V11H0V2.202h2.202V0H11v8.798zm-3.298-5.5h-6.6v6.6h6.6v-6.6zM9.9 1.1H3.298v1.101h5.5v5.5h1.1v-6.6z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%;
}

.window-controls-container .window-icon-bg .window-icon.window-maximize {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0v11H0V0h11zM9.899 1.101H1.1V9.9h8.8V1.1z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 0v11H0V0h11zM9.899 1.101H1.1V9.9h8.8V1.1z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%;
}

.window-controls-container .window-icon-bg .window-icon.window-minimize {
    -webkit-mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4.399V5.5H0V4.399h11z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%;
    mask: url("data:image/svg+xml;charset=utf-8,%3Csvg width='11' height='11' viewBox='0 0 11 11' fill='none' xmlns='http://www.w3.org/2000/svg'%3E%3Cpath d='M11 4.399V5.5H0V4.399h11z' fill='%23000'/%3E%3C/svg%3E") no-repeat 50% 50%;
}

.window-controls-container .window-icon-bg.window-close-bg:hover {
    background-color: rgba(232, 17, 35, 0.9) !important;
}

.window-controls-container .window-icon-bg.inactive {
    display: none;
    background-color: transparent !important;
}

.window-controls-container .window-icon-bg.inactive .window-icon {
    opacity: .4;
}

.window-controls-container .window-icon {
    background-color: #eeeeee;
}

.window-controls-container .window-icon {
    background-color: #333333;
}

.window-controls-container .window-icon {
    opacity: .7;
}

.window-controls-container .window-icon-bg:not(.inactive):hover {
    background-color: rgba(255, 255, 255, .1);
}

.window-controls-container .window-icon-bg:not(.inactive):hover {
    background-color: rgba(0, 0, 0, .1);
}

.geMenubarContainer .geMenubar,
.geMenubarContainer .geMenuItem {
    width: auto;
    display: inline-block;
    -webkit-app-region: no-drag;
}

.geToolbarContainer {
    user-select: none;
    -webkit-app-region: no-drag;
}
